<!DOCTYPE html>
<html>
 <head>
  <title>
   PixieDust Chart Sharing
  </title>
  <meta content="&#xA9;Copyright IBM Corporation 2018" name="copyright"/>
  <meta content="&#xA9;Copyright IBM Corporation 2018" name="DC.Rights.Owner"/>
  <meta content="&#xA9; Copyright IBM Corporation 2016, 2017, 2018" name="dcterms.rights"/>
  <meta content="2018-03-09" name="DC.date"/>
 </head>
 <body>
  <div>
   <h1>
    PixieDust Chart Sharing
   </h1>
   <p>
    Starting with PixieDust 1.1.1, the PixieGateway server now supports sharing of charts created with the display() function, effectively turning them into standalone web pages. No coding necessary.
   </p>
   <p>
    Simply use the interactive PixieDust display() function from within a Jupyter Notebook to build your chart, click on the Share button, add an optional description. You'll get a URL. Visitors to your page will see the chart without needing to run a Jupyter Notebook. All they need is a web browser.
   </p>
   <p>
    <strong>
     Chart Sharing in Action
    </strong>
   </p>
   <p>
    Using
    <code>
     display()
    </code>
    to create a chart, you’ll now see a
    <strong>
     Share
    </strong>
    button next to “Options”:
   </p>
   <img alt="_images/pixiegateway-chart-sharing.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images/pixiegateway-chart-sharing.png"/>
   <p>
    The Share dialog will ask for the following information:
   </p>
   <ol>
    <li>
     <p>
      <strong>
       PixieGateway server:
      </strong>
      If you don’t have one,
      <a href="install-pixiegateway.html">
       see the docs
      </a>
      for instructions on how to set one up.
     </p>
    </li>
    <li>
     <p>
      <strong>
       Description:
      </strong>
      Optional free-form text explaining what the chart is about. It will be added to the standalone webpage.
     </p>
    </li>
   </ol>
   <img alt="_images\pixiegateway-share-chart.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixiegateway-share-chart.png"/>
   <p>
    Click
    <strong>
     Share
    </strong>
    , and if all goes well, you should get a URL for your chart webpage that is ready to share:
   </p>
   <img alt="_images\pixiegateway-chart-url.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixiegateway-chart-url.png"/>
   <p>
    You can copy the URL or click on the link to go directly to the page:
   </p>
   <img alt="_images\pixiegateway-published-chart.png" src="https://raw.githubusercontent.com/ibm-watson-data-lab/pixiedust/master/docs/_images\pixiegateway-published-chart.png"/>
   <p>
    <h3>
     Return to main topic for:
    </h3>
    <ul>
     <li>
      <a href="pixiegateway.html">
       PixieGateway: A Web Server for PixieApps and PixieDust Charts
      </a>
     </li>
    </ul>
   </p>
  </div>
 </body>
</html>
